{
 "cells": [
  {
   "cell_type": "code",
   "execution_count": 1,
   "id": "4dc5aedd-108e-4f8e-abbc-e79d12297ec0",
   "metadata": {},
   "outputs": [],
   "source": [
    "#导入数据处理包\n",
    "import numpy as np\n",
    "import pandas as pd\n",
    "\n",
    "#画图包\n",
    "from pyecharts.charts import Map, Bar, Line, Pie, Page\n",
    "from pyecharts import options as opts\n",
    "from pyecharts.commons.utils import JsCode\n",
    "\n",
    "#在jupyter notebook演示\n",
    "from pyecharts.globals import CurrentConfig, NotebookType \n",
    "CurrentConfig.NOTEBOOK_TYPE = NotebookType.NTERACT"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "dca48512-a52a-40e3-825b-298804693df9",
   "metadata": {},
   "source": [
    "## 数据处理部分\n",
    "### 1. 导入数据 "
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 2,
   "id": "9081ca46-5386-448d-a74e-623af38d9323",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div>\n",
       "<style scoped>\n",
       "    .dataframe tbody tr th:only-of-type {\n",
       "        vertical-align: middle;\n",
       "    }\n",
       "\n",
       "    .dataframe tbody tr th {\n",
       "        vertical-align: top;\n",
       "    }\n",
       "\n",
       "    .dataframe thead th {\n",
       "        text-align: right;\n",
       "    }\n",
       "</style>\n",
       "<table border=\"1\" class=\"dataframe\">\n",
       "  <thead>\n",
       "    <tr style=\"text-align: right;\">\n",
       "      <th></th>\n",
       "      <th>北京市</th>\n",
       "      <th>天津市</th>\n",
       "      <th>河北省</th>\n",
       "      <th>山西省</th>\n",
       "      <th>内蒙古自治区</th>\n",
       "      <th>辽宁省</th>\n",
       "      <th>吉林省</th>\n",
       "      <th>黑龙江省</th>\n",
       "      <th>上海市</th>\n",
       "      <th>江苏省</th>\n",
       "      <th>...</th>\n",
       "      <th>重庆市</th>\n",
       "      <th>四川省</th>\n",
       "      <th>贵州省</th>\n",
       "      <th>云南省</th>\n",
       "      <th>西藏自治区</th>\n",
       "      <th>陕西省</th>\n",
       "      <th>甘肃省</th>\n",
       "      <th>青海省</th>\n",
       "      <th>宁夏回族自治区</th>\n",
       "      <th>新疆维吾尔自治区</th>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>时间</th>\n",
       "      <th></th>\n",
       "      <th></th>\n",
       "      <th></th>\n",
       "      <th></th>\n",
       "      <th></th>\n",
       "      <th></th>\n",
       "      <th></th>\n",
       "      <th></th>\n",
       "      <th></th>\n",
       "      <th></th>\n",
       "      <th></th>\n",
       "      <th></th>\n",
       "      <th></th>\n",
       "      <th></th>\n",
       "      <th></th>\n",
       "      <th></th>\n",
       "      <th></th>\n",
       "      <th></th>\n",
       "      <th></th>\n",
       "      <th></th>\n",
       "      <th></th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>2002年</th>\n",
       "      <td>1.4</td>\n",
       "      <td>3.9</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.4</td>\n",
       "      <td>4.1</td>\n",
       "      <td>6.5</td>\n",
       "      <td>3.6</td>\n",
       "      <td>4.9</td>\n",
       "      <td>4.8</td>\n",
       "      <td>4.2</td>\n",
       "      <td>...</td>\n",
       "      <td>4.1</td>\n",
       "      <td>4.5</td>\n",
       "      <td>4.1</td>\n",
       "      <td>4.0</td>\n",
       "      <td>4.9</td>\n",
       "      <td>3.3</td>\n",
       "      <td>3.2</td>\n",
       "      <td>3.6</td>\n",
       "      <td>4.4</td>\n",
       "      <td>3.7</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2003年</th>\n",
       "      <td>1.4</td>\n",
       "      <td>3.8</td>\n",
       "      <td>3.9</td>\n",
       "      <td>3.0</td>\n",
       "      <td>4.5</td>\n",
       "      <td>6.5</td>\n",
       "      <td>4.3</td>\n",
       "      <td>4.2</td>\n",
       "      <td>4.9</td>\n",
       "      <td>4.1</td>\n",
       "      <td>...</td>\n",
       "      <td>4.1</td>\n",
       "      <td>4.4</td>\n",
       "      <td>4.0</td>\n",
       "      <td>4.1</td>\n",
       "      <td>NaN</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.4</td>\n",
       "      <td>3.8</td>\n",
       "      <td>4.4</td>\n",
       "      <td>3.5</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2004年</th>\n",
       "      <td>1.3</td>\n",
       "      <td>3.8</td>\n",
       "      <td>4.0</td>\n",
       "      <td>3.1</td>\n",
       "      <td>4.6</td>\n",
       "      <td>6.5</td>\n",
       "      <td>4.2</td>\n",
       "      <td>4.5</td>\n",
       "      <td>4.5</td>\n",
       "      <td>3.8</td>\n",
       "      <td>...</td>\n",
       "      <td>4.1</td>\n",
       "      <td>4.4</td>\n",
       "      <td>4.1</td>\n",
       "      <td>4.3</td>\n",
       "      <td>4.0</td>\n",
       "      <td>3.8</td>\n",
       "      <td>3.4</td>\n",
       "      <td>3.9</td>\n",
       "      <td>4.5</td>\n",
       "      <td>3.5</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2005年</th>\n",
       "      <td>2.1</td>\n",
       "      <td>3.7</td>\n",
       "      <td>3.9</td>\n",
       "      <td>3.0</td>\n",
       "      <td>4.3</td>\n",
       "      <td>5.6</td>\n",
       "      <td>4.2</td>\n",
       "      <td>4.4</td>\n",
       "      <td>4.4</td>\n",
       "      <td>3.6</td>\n",
       "      <td>...</td>\n",
       "      <td>4.1</td>\n",
       "      <td>4.6</td>\n",
       "      <td>4.2</td>\n",
       "      <td>4.2</td>\n",
       "      <td>4.3</td>\n",
       "      <td>4.2</td>\n",
       "      <td>3.3</td>\n",
       "      <td>3.9</td>\n",
       "      <td>4.5</td>\n",
       "      <td>3.9</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2006年</th>\n",
       "      <td>2.0</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.8</td>\n",
       "      <td>3.2</td>\n",
       "      <td>4.1</td>\n",
       "      <td>5.1</td>\n",
       "      <td>4.2</td>\n",
       "      <td>4.4</td>\n",
       "      <td>4.4</td>\n",
       "      <td>3.4</td>\n",
       "      <td>...</td>\n",
       "      <td>4.0</td>\n",
       "      <td>4.5</td>\n",
       "      <td>4.1</td>\n",
       "      <td>4.3</td>\n",
       "      <td>NaN</td>\n",
       "      <td>4.0</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.9</td>\n",
       "      <td>4.3</td>\n",
       "      <td>3.9</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2007年</th>\n",
       "      <td>1.8</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.8</td>\n",
       "      <td>3.2</td>\n",
       "      <td>4.0</td>\n",
       "      <td>4.3</td>\n",
       "      <td>3.9</td>\n",
       "      <td>4.3</td>\n",
       "      <td>4.2</td>\n",
       "      <td>3.2</td>\n",
       "      <td>...</td>\n",
       "      <td>4.0</td>\n",
       "      <td>4.2</td>\n",
       "      <td>4.0</td>\n",
       "      <td>4.2</td>\n",
       "      <td>NaN</td>\n",
       "      <td>4.0</td>\n",
       "      <td>3.3</td>\n",
       "      <td>3.8</td>\n",
       "      <td>4.3</td>\n",
       "      <td>3.9</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2008年</th>\n",
       "      <td>1.8</td>\n",
       "      <td>3.6</td>\n",
       "      <td>4.0</td>\n",
       "      <td>3.3</td>\n",
       "      <td>4.1</td>\n",
       "      <td>3.9</td>\n",
       "      <td>4.0</td>\n",
       "      <td>4.2</td>\n",
       "      <td>4.2</td>\n",
       "      <td>3.3</td>\n",
       "      <td>...</td>\n",
       "      <td>4.0</td>\n",
       "      <td>4.6</td>\n",
       "      <td>4.0</td>\n",
       "      <td>4.2</td>\n",
       "      <td>NaN</td>\n",
       "      <td>3.9</td>\n",
       "      <td>3.2</td>\n",
       "      <td>3.8</td>\n",
       "      <td>4.4</td>\n",
       "      <td>3.7</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2009年</th>\n",
       "      <td>1.4</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.9</td>\n",
       "      <td>3.9</td>\n",
       "      <td>4.0</td>\n",
       "      <td>3.9</td>\n",
       "      <td>4.0</td>\n",
       "      <td>4.3</td>\n",
       "      <td>4.3</td>\n",
       "      <td>3.2</td>\n",
       "      <td>...</td>\n",
       "      <td>4.0</td>\n",
       "      <td>4.3</td>\n",
       "      <td>3.8</td>\n",
       "      <td>4.3</td>\n",
       "      <td>3.8</td>\n",
       "      <td>3.9</td>\n",
       "      <td>3.3</td>\n",
       "      <td>3.8</td>\n",
       "      <td>4.4</td>\n",
       "      <td>3.8</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2010年</th>\n",
       "      <td>1.4</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.9</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.9</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.8</td>\n",
       "      <td>4.3</td>\n",
       "      <td>4.4</td>\n",
       "      <td>3.2</td>\n",
       "      <td>...</td>\n",
       "      <td>3.9</td>\n",
       "      <td>4.1</td>\n",
       "      <td>3.6</td>\n",
       "      <td>4.2</td>\n",
       "      <td>4.0</td>\n",
       "      <td>3.9</td>\n",
       "      <td>3.2</td>\n",
       "      <td>3.8</td>\n",
       "      <td>4.4</td>\n",
       "      <td>3.2</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2011年</th>\n",
       "      <td>1.4</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.8</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.8</td>\n",
       "      <td>3.7</td>\n",
       "      <td>3.7</td>\n",
       "      <td>4.1</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.2</td>\n",
       "      <td>...</td>\n",
       "      <td>3.5</td>\n",
       "      <td>4.2</td>\n",
       "      <td>3.6</td>\n",
       "      <td>4.1</td>\n",
       "      <td>3.2</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.1</td>\n",
       "      <td>3.8</td>\n",
       "      <td>4.4</td>\n",
       "      <td>3.2</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2012年</th>\n",
       "      <td>1.3</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.7</td>\n",
       "      <td>3.3</td>\n",
       "      <td>3.7</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.7</td>\n",
       "      <td>4.2</td>\n",
       "      <td>3.1</td>\n",
       "      <td>3.1</td>\n",
       "      <td>...</td>\n",
       "      <td>3.3</td>\n",
       "      <td>4.0</td>\n",
       "      <td>3.3</td>\n",
       "      <td>4.0</td>\n",
       "      <td>2.6</td>\n",
       "      <td>3.2</td>\n",
       "      <td>2.7</td>\n",
       "      <td>3.4</td>\n",
       "      <td>4.2</td>\n",
       "      <td>3.4</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2013年</th>\n",
       "      <td>1.2</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.7</td>\n",
       "      <td>3.1</td>\n",
       "      <td>3.7</td>\n",
       "      <td>3.4</td>\n",
       "      <td>3.7</td>\n",
       "      <td>4.4</td>\n",
       "      <td>4.0</td>\n",
       "      <td>3.0</td>\n",
       "      <td>...</td>\n",
       "      <td>3.4</td>\n",
       "      <td>4.1</td>\n",
       "      <td>3.3</td>\n",
       "      <td>4.0</td>\n",
       "      <td>2.5</td>\n",
       "      <td>3.3</td>\n",
       "      <td>2.3</td>\n",
       "      <td>3.3</td>\n",
       "      <td>4.1</td>\n",
       "      <td>3.4</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2014年</th>\n",
       "      <td>1.3</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.4</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.4</td>\n",
       "      <td>3.4</td>\n",
       "      <td>4.5</td>\n",
       "      <td>4.1</td>\n",
       "      <td>3.0</td>\n",
       "      <td>...</td>\n",
       "      <td>3.5</td>\n",
       "      <td>4.2</td>\n",
       "      <td>3.3</td>\n",
       "      <td>4.0</td>\n",
       "      <td>2.5</td>\n",
       "      <td>3.3</td>\n",
       "      <td>2.2</td>\n",
       "      <td>3.2</td>\n",
       "      <td>4.0</td>\n",
       "      <td>3.2</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2015年</th>\n",
       "      <td>1.4</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.7</td>\n",
       "      <td>3.4</td>\n",
       "      <td>3.5</td>\n",
       "      <td>4.5</td>\n",
       "      <td>4.0</td>\n",
       "      <td>3.0</td>\n",
       "      <td>...</td>\n",
       "      <td>3.6</td>\n",
       "      <td>4.1</td>\n",
       "      <td>3.3</td>\n",
       "      <td>4.0</td>\n",
       "      <td>2.5</td>\n",
       "      <td>3.4</td>\n",
       "      <td>2.1</td>\n",
       "      <td>3.2</td>\n",
       "      <td>4.0</td>\n",
       "      <td>2.9</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2016年</th>\n",
       "      <td>1.4</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.7</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.7</td>\n",
       "      <td>3.8</td>\n",
       "      <td>3.5</td>\n",
       "      <td>4.2</td>\n",
       "      <td>4.1</td>\n",
       "      <td>3.0</td>\n",
       "      <td>...</td>\n",
       "      <td>3.7</td>\n",
       "      <td>4.2</td>\n",
       "      <td>3.2</td>\n",
       "      <td>3.6</td>\n",
       "      <td>2.6</td>\n",
       "      <td>3.3</td>\n",
       "      <td>2.2</td>\n",
       "      <td>3.1</td>\n",
       "      <td>3.9</td>\n",
       "      <td>2.5</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2017年</th>\n",
       "      <td>1.4</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.7</td>\n",
       "      <td>3.4</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.8</td>\n",
       "      <td>3.5</td>\n",
       "      <td>4.2</td>\n",
       "      <td>3.9</td>\n",
       "      <td>3.0</td>\n",
       "      <td>...</td>\n",
       "      <td>3.4</td>\n",
       "      <td>4.0</td>\n",
       "      <td>3.2</td>\n",
       "      <td>3.2</td>\n",
       "      <td>2.7</td>\n",
       "      <td>3.3</td>\n",
       "      <td>2.7</td>\n",
       "      <td>3.1</td>\n",
       "      <td>3.9</td>\n",
       "      <td>2.6</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2018年</th>\n",
       "      <td>1.4</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.3</td>\n",
       "      <td>3.3</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.9</td>\n",
       "      <td>3.5</td>\n",
       "      <td>4.0</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.0</td>\n",
       "      <td>...</td>\n",
       "      <td>3.0</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.2</td>\n",
       "      <td>3.4</td>\n",
       "      <td>2.8</td>\n",
       "      <td>3.2</td>\n",
       "      <td>2.8</td>\n",
       "      <td>3.0</td>\n",
       "      <td>3.9</td>\n",
       "      <td>2.4</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2019年</th>\n",
       "      <td>1.3</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.1</td>\n",
       "      <td>2.7</td>\n",
       "      <td>3.7</td>\n",
       "      <td>4.2</td>\n",
       "      <td>3.1</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.0</td>\n",
       "      <td>...</td>\n",
       "      <td>2.6</td>\n",
       "      <td>3.3</td>\n",
       "      <td>3.1</td>\n",
       "      <td>3.3</td>\n",
       "      <td>2.9</td>\n",
       "      <td>3.2</td>\n",
       "      <td>3.0</td>\n",
       "      <td>2.2</td>\n",
       "      <td>3.7</td>\n",
       "      <td>2.1</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2020年</th>\n",
       "      <td>2.6</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.1</td>\n",
       "      <td>3.8</td>\n",
       "      <td>4.6</td>\n",
       "      <td>3.4</td>\n",
       "      <td>3.4</td>\n",
       "      <td>3.7</td>\n",
       "      <td>3.2</td>\n",
       "      <td>...</td>\n",
       "      <td>4.5</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.8</td>\n",
       "      <td>3.9</td>\n",
       "      <td>2.9</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.3</td>\n",
       "      <td>2.1</td>\n",
       "      <td>3.9</td>\n",
       "      <td>2.4</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "<p>19 rows × 31 columns</p>\n",
       "</div>"
      ],
      "text/plain": [
       "       北京市  天津市  河北省  山西省  内蒙古自治区  辽宁省  吉林省  黑龙江省  上海市  江苏省  ...  重庆市  四川省  \\\n",
       "时间                                                           ...             \n",
       "2002年  1.4  3.9  3.6  3.4     4.1  6.5  3.6   4.9  4.8  4.2  ...  4.1  4.5   \n",
       "2003年  1.4  3.8  3.9  3.0     4.5  6.5  4.3   4.2  4.9  4.1  ...  4.1  4.4   \n",
       "2004年  1.3  3.8  4.0  3.1     4.6  6.5  4.2   4.5  4.5  3.8  ...  4.1  4.4   \n",
       "2005年  2.1  3.7  3.9  3.0     4.3  5.6  4.2   4.4  4.4  3.6  ...  4.1  4.6   \n",
       "2006年  2.0  3.6  3.8  3.2     4.1  5.1  4.2   4.4  4.4  3.4  ...  4.0  4.5   \n",
       "2007年  1.8  3.6  3.8  3.2     4.0  4.3  3.9   4.3  4.2  3.2  ...  4.0  4.2   \n",
       "2008年  1.8  3.6  4.0  3.3     4.1  3.9  4.0   4.2  4.2  3.3  ...  4.0  4.6   \n",
       "2009年  1.4  3.6  3.9  3.9     4.0  3.9  4.0   4.3  4.3  3.2  ...  4.0  4.3   \n",
       "2010年  1.4  3.6  3.9  3.6     3.9  3.6  3.8   4.3  4.4  3.2  ...  3.9  4.1   \n",
       "2011年  1.4  3.6  3.8  3.5     3.8  3.7  3.7   4.1  3.5  3.2  ...  3.5  4.2   \n",
       "2012年  1.3  3.6  3.7  3.3     3.7  3.6  3.7   4.2  3.1  3.1  ...  3.3  4.0   \n",
       "2013年  1.2  3.6  3.7  3.1     3.7  3.4  3.7   4.4  4.0  3.0  ...  3.4  4.1   \n",
       "2014年  1.3  3.5  3.6  3.4     3.6  3.4  3.4   4.5  4.1  3.0  ...  3.5  4.2   \n",
       "2015年  1.4  3.5  3.6  3.5     3.7  3.4  3.5   4.5  4.0  3.0  ...  3.6  4.1   \n",
       "2016年  1.4  3.5  3.7  3.5     3.7  3.8  3.5   4.2  4.1  3.0  ...  3.7  4.2   \n",
       "2017年  1.4  3.5  3.7  3.4     3.6  3.8  3.5   4.2  3.9  3.0  ...  3.4  4.0   \n",
       "2018年  1.4  3.5  3.3  3.3     3.6  3.9  3.5   4.0  3.5  3.0  ...  3.0  3.5   \n",
       "2019年  1.3  3.5  3.1  2.7     3.7  4.2  3.1   3.5  3.6  3.0  ...  2.6  3.3   \n",
       "2020年  2.6  3.6  3.5  3.1     3.8  4.6  3.4   3.4  3.7  3.2  ...  4.5  3.6   \n",
       "\n",
       "       贵州省  云南省  西藏自治区  陕西省  甘肃省  青海省  宁夏回族自治区  新疆维吾尔自治区  \n",
       "时间                                                        \n",
       "2002年  4.1  4.0    4.9  3.3  3.2  3.6      4.4       3.7  \n",
       "2003年  4.0  4.1    NaN  3.5  3.4  3.8      4.4       3.5  \n",
       "2004年  4.1  4.3    4.0  3.8  3.4  3.9      4.5       3.5  \n",
       "2005年  4.2  4.2    4.3  4.2  3.3  3.9      4.5       3.9  \n",
       "2006年  4.1  4.3    NaN  4.0  3.6  3.9      4.3       3.9  \n",
       "2007年  4.0  4.2    NaN  4.0  3.3  3.8      4.3       3.9  \n",
       "2008年  4.0  4.2    NaN  3.9  3.2  3.8      4.4       3.7  \n",
       "2009年  3.8  4.3    3.8  3.9  3.3  3.8      4.4       3.8  \n",
       "2010年  3.6  4.2    4.0  3.9  3.2  3.8      4.4       3.2  \n",
       "2011年  3.6  4.1    3.2  3.6  3.1  3.8      4.4       3.2  \n",
       "2012年  3.3  4.0    2.6  3.2  2.7  3.4      4.2       3.4  \n",
       "2013年  3.3  4.0    2.5  3.3  2.3  3.3      4.1       3.4  \n",
       "2014年  3.3  4.0    2.5  3.3  2.2  3.2      4.0       3.2  \n",
       "2015年  3.3  4.0    2.5  3.4  2.1  3.2      4.0       2.9  \n",
       "2016年  3.2  3.6    2.6  3.3  2.2  3.1      3.9       2.5  \n",
       "2017年  3.2  3.2    2.7  3.3  2.7  3.1      3.9       2.6  \n",
       "2018年  3.2  3.4    2.8  3.2  2.8  3.0      3.9       2.4  \n",
       "2019年  3.1  3.3    2.9  3.2  3.0  2.2      3.7       2.1  \n",
       "2020年  3.8  3.9    2.9  3.6  3.3  2.1      3.9       2.4  \n",
       "\n",
       "[19 rows x 31 columns]"
      ]
     },
     "execution_count": 2,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "df = pd.read_csv(\n",
    "    filepath_or_buffer = '各省市失业率.csv',\n",
    "    index_col = '时间',\n",
    "    header = 0,\n",
    "    encoding = 'utf-8')\n",
    "df"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "5fcb66e5-6877-47e6-a52a-8c14a79a9822",
   "metadata": {},
   "source": [
    "### 2. 转置转置并排序"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 3,
   "id": "18acac7e-62a5-400f-a13d-62c809b715b2",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div>\n",
       "<style scoped>\n",
       "    .dataframe tbody tr th:only-of-type {\n",
       "        vertical-align: middle;\n",
       "    }\n",
       "\n",
       "    .dataframe tbody tr th {\n",
       "        vertical-align: top;\n",
       "    }\n",
       "\n",
       "    .dataframe thead th {\n",
       "        text-align: right;\n",
       "    }\n",
       "</style>\n",
       "<table border=\"1\" class=\"dataframe\">\n",
       "  <thead>\n",
       "    <tr style=\"text-align: right;\">\n",
       "      <th>时间</th>\n",
       "      <th>2002年</th>\n",
       "      <th>2003年</th>\n",
       "      <th>2004年</th>\n",
       "      <th>2005年</th>\n",
       "      <th>2006年</th>\n",
       "      <th>2007年</th>\n",
       "      <th>2008年</th>\n",
       "      <th>2009年</th>\n",
       "      <th>2010年</th>\n",
       "      <th>2011年</th>\n",
       "      <th>2012年</th>\n",
       "      <th>2013年</th>\n",
       "      <th>2014年</th>\n",
       "      <th>2015年</th>\n",
       "      <th>2016年</th>\n",
       "      <th>2017年</th>\n",
       "      <th>2018年</th>\n",
       "      <th>2019年</th>\n",
       "      <th>2020年</th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>青海省</th>\n",
       "      <td>3.6</td>\n",
       "      <td>3.8</td>\n",
       "      <td>3.9</td>\n",
       "      <td>3.9</td>\n",
       "      <td>3.9</td>\n",
       "      <td>3.8</td>\n",
       "      <td>3.8</td>\n",
       "      <td>3.8</td>\n",
       "      <td>3.8</td>\n",
       "      <td>3.8</td>\n",
       "      <td>3.4</td>\n",
       "      <td>3.3</td>\n",
       "      <td>3.2</td>\n",
       "      <td>3.2</td>\n",
       "      <td>3.1</td>\n",
       "      <td>3.1</td>\n",
       "      <td>3.0</td>\n",
       "      <td>2.2</td>\n",
       "      <td>2.1</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>新疆维吾尔自治区</th>\n",
       "      <td>3.7</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.9</td>\n",
       "      <td>3.9</td>\n",
       "      <td>3.9</td>\n",
       "      <td>3.7</td>\n",
       "      <td>3.8</td>\n",
       "      <td>3.2</td>\n",
       "      <td>3.2</td>\n",
       "      <td>3.4</td>\n",
       "      <td>3.4</td>\n",
       "      <td>3.2</td>\n",
       "      <td>2.9</td>\n",
       "      <td>2.5</td>\n",
       "      <td>2.6</td>\n",
       "      <td>2.4</td>\n",
       "      <td>2.1</td>\n",
       "      <td>2.4</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>广东省</th>\n",
       "      <td>3.1</td>\n",
       "      <td>2.9</td>\n",
       "      <td>2.7</td>\n",
       "      <td>2.6</td>\n",
       "      <td>2.6</td>\n",
       "      <td>2.5</td>\n",
       "      <td>2.6</td>\n",
       "      <td>2.6</td>\n",
       "      <td>2.5</td>\n",
       "      <td>2.5</td>\n",
       "      <td>2.5</td>\n",
       "      <td>2.4</td>\n",
       "      <td>2.4</td>\n",
       "      <td>2.5</td>\n",
       "      <td>2.5</td>\n",
       "      <td>2.5</td>\n",
       "      <td>2.4</td>\n",
       "      <td>2.3</td>\n",
       "      <td>2.5</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>北京市</th>\n",
       "      <td>1.4</td>\n",
       "      <td>1.4</td>\n",
       "      <td>1.3</td>\n",
       "      <td>2.1</td>\n",
       "      <td>2.0</td>\n",
       "      <td>1.8</td>\n",
       "      <td>1.8</td>\n",
       "      <td>1.4</td>\n",
       "      <td>1.4</td>\n",
       "      <td>1.4</td>\n",
       "      <td>1.3</td>\n",
       "      <td>1.2</td>\n",
       "      <td>1.3</td>\n",
       "      <td>1.4</td>\n",
       "      <td>1.4</td>\n",
       "      <td>1.4</td>\n",
       "      <td>1.4</td>\n",
       "      <td>1.3</td>\n",
       "      <td>2.6</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>湖南省</th>\n",
       "      <td>4.0</td>\n",
       "      <td>3.8</td>\n",
       "      <td>4.4</td>\n",
       "      <td>4.3</td>\n",
       "      <td>4.3</td>\n",
       "      <td>4.3</td>\n",
       "      <td>4.2</td>\n",
       "      <td>4.1</td>\n",
       "      <td>4.2</td>\n",
       "      <td>4.2</td>\n",
       "      <td>4.2</td>\n",
       "      <td>4.2</td>\n",
       "      <td>4.1</td>\n",
       "      <td>4.1</td>\n",
       "      <td>4.2</td>\n",
       "      <td>4.0</td>\n",
       "      <td>3.6</td>\n",
       "      <td>2.7</td>\n",
       "      <td>2.7</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>海南省</th>\n",
       "      <td>3.1</td>\n",
       "      <td>3.4</td>\n",
       "      <td>3.4</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.7</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.0</td>\n",
       "      <td>1.7</td>\n",
       "      <td>2.0</td>\n",
       "      <td>2.2</td>\n",
       "      <td>2.3</td>\n",
       "      <td>2.3</td>\n",
       "      <td>2.4</td>\n",
       "      <td>2.3</td>\n",
       "      <td>2.3</td>\n",
       "      <td>2.3</td>\n",
       "      <td>2.8</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>广西壮族自治区</th>\n",
       "      <td>3.7</td>\n",
       "      <td>3.6</td>\n",
       "      <td>4.1</td>\n",
       "      <td>4.2</td>\n",
       "      <td>4.2</td>\n",
       "      <td>3.8</td>\n",
       "      <td>3.8</td>\n",
       "      <td>3.7</td>\n",
       "      <td>3.7</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.4</td>\n",
       "      <td>3.3</td>\n",
       "      <td>3.2</td>\n",
       "      <td>2.9</td>\n",
       "      <td>2.9</td>\n",
       "      <td>2.2</td>\n",
       "      <td>2.3</td>\n",
       "      <td>2.6</td>\n",
       "      <td>2.8</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>浙江省</th>\n",
       "      <td>4.2</td>\n",
       "      <td>4.2</td>\n",
       "      <td>4.1</td>\n",
       "      <td>3.7</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.3</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.3</td>\n",
       "      <td>3.2</td>\n",
       "      <td>3.1</td>\n",
       "      <td>3.0</td>\n",
       "      <td>3.0</td>\n",
       "      <td>3.0</td>\n",
       "      <td>2.9</td>\n",
       "      <td>2.9</td>\n",
       "      <td>2.7</td>\n",
       "      <td>2.6</td>\n",
       "      <td>2.5</td>\n",
       "      <td>2.8</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>安徽省</th>\n",
       "      <td>4.0</td>\n",
       "      <td>4.1</td>\n",
       "      <td>4.2</td>\n",
       "      <td>4.4</td>\n",
       "      <td>4.3</td>\n",
       "      <td>4.1</td>\n",
       "      <td>3.9</td>\n",
       "      <td>3.9</td>\n",
       "      <td>3.7</td>\n",
       "      <td>3.7</td>\n",
       "      <td>3.7</td>\n",
       "      <td>3.4</td>\n",
       "      <td>3.2</td>\n",
       "      <td>3.1</td>\n",
       "      <td>3.2</td>\n",
       "      <td>2.9</td>\n",
       "      <td>2.8</td>\n",
       "      <td>2.6</td>\n",
       "      <td>2.8</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>西藏自治区</th>\n",
       "      <td>4.9</td>\n",
       "      <td>NaN</td>\n",
       "      <td>4.0</td>\n",
       "      <td>4.3</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>3.8</td>\n",
       "      <td>4.0</td>\n",
       "      <td>3.2</td>\n",
       "      <td>2.6</td>\n",
       "      <td>2.5</td>\n",
       "      <td>2.5</td>\n",
       "      <td>2.5</td>\n",
       "      <td>2.6</td>\n",
       "      <td>2.7</td>\n",
       "      <td>2.8</td>\n",
       "      <td>2.9</td>\n",
       "      <td>2.9</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>山西省</th>\n",
       "      <td>3.4</td>\n",
       "      <td>3.0</td>\n",
       "      <td>3.1</td>\n",
       "      <td>3.0</td>\n",
       "      <td>3.2</td>\n",
       "      <td>3.2</td>\n",
       "      <td>3.3</td>\n",
       "      <td>3.9</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.3</td>\n",
       "      <td>3.1</td>\n",
       "      <td>3.4</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.4</td>\n",
       "      <td>3.3</td>\n",
       "      <td>2.7</td>\n",
       "      <td>3.1</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>山东省</th>\n",
       "      <td>3.6</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.4</td>\n",
       "      <td>3.3</td>\n",
       "      <td>3.3</td>\n",
       "      <td>3.2</td>\n",
       "      <td>3.7</td>\n",
       "      <td>3.4</td>\n",
       "      <td>3.4</td>\n",
       "      <td>3.4</td>\n",
       "      <td>3.3</td>\n",
       "      <td>3.2</td>\n",
       "      <td>3.3</td>\n",
       "      <td>3.4</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.4</td>\n",
       "      <td>3.4</td>\n",
       "      <td>3.3</td>\n",
       "      <td>3.1</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>江西省</th>\n",
       "      <td>3.4</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.4</td>\n",
       "      <td>3.4</td>\n",
       "      <td>3.4</td>\n",
       "      <td>3.3</td>\n",
       "      <td>3.0</td>\n",
       "      <td>3.0</td>\n",
       "      <td>3.2</td>\n",
       "      <td>3.3</td>\n",
       "      <td>3.4</td>\n",
       "      <td>3.4</td>\n",
       "      <td>3.3</td>\n",
       "      <td>3.4</td>\n",
       "      <td>2.9</td>\n",
       "      <td>3.2</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>河南省</th>\n",
       "      <td>2.9</td>\n",
       "      <td>3.1</td>\n",
       "      <td>3.4</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.4</td>\n",
       "      <td>3.4</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.4</td>\n",
       "      <td>3.4</td>\n",
       "      <td>3.1</td>\n",
       "      <td>3.1</td>\n",
       "      <td>3.0</td>\n",
       "      <td>3.0</td>\n",
       "      <td>3.0</td>\n",
       "      <td>2.8</td>\n",
       "      <td>3.0</td>\n",
       "      <td>3.2</td>\n",
       "      <td>3.2</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>江苏省</th>\n",
       "      <td>4.2</td>\n",
       "      <td>4.1</td>\n",
       "      <td>3.8</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.4</td>\n",
       "      <td>3.2</td>\n",
       "      <td>3.3</td>\n",
       "      <td>3.2</td>\n",
       "      <td>3.2</td>\n",
       "      <td>3.2</td>\n",
       "      <td>3.1</td>\n",
       "      <td>3.0</td>\n",
       "      <td>3.0</td>\n",
       "      <td>3.0</td>\n",
       "      <td>3.0</td>\n",
       "      <td>3.0</td>\n",
       "      <td>3.0</td>\n",
       "      <td>3.0</td>\n",
       "      <td>3.2</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>甘肃省</th>\n",
       "      <td>3.2</td>\n",
       "      <td>3.4</td>\n",
       "      <td>3.4</td>\n",
       "      <td>3.3</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.3</td>\n",
       "      <td>3.2</td>\n",
       "      <td>3.3</td>\n",
       "      <td>3.2</td>\n",
       "      <td>3.1</td>\n",
       "      <td>2.7</td>\n",
       "      <td>2.3</td>\n",
       "      <td>2.2</td>\n",
       "      <td>2.1</td>\n",
       "      <td>2.2</td>\n",
       "      <td>2.7</td>\n",
       "      <td>2.8</td>\n",
       "      <td>3.0</td>\n",
       "      <td>3.3</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>湖北省</th>\n",
       "      <td>4.3</td>\n",
       "      <td>4.3</td>\n",
       "      <td>4.2</td>\n",
       "      <td>4.3</td>\n",
       "      <td>4.2</td>\n",
       "      <td>4.2</td>\n",
       "      <td>4.2</td>\n",
       "      <td>4.2</td>\n",
       "      <td>4.2</td>\n",
       "      <td>4.1</td>\n",
       "      <td>3.8</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.1</td>\n",
       "      <td>2.6</td>\n",
       "      <td>2.4</td>\n",
       "      <td>2.6</td>\n",
       "      <td>2.6</td>\n",
       "      <td>2.4</td>\n",
       "      <td>3.4</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>黑龙江省</th>\n",
       "      <td>4.9</td>\n",
       "      <td>4.2</td>\n",
       "      <td>4.5</td>\n",
       "      <td>4.4</td>\n",
       "      <td>4.4</td>\n",
       "      <td>4.3</td>\n",
       "      <td>4.2</td>\n",
       "      <td>4.3</td>\n",
       "      <td>4.3</td>\n",
       "      <td>4.1</td>\n",
       "      <td>4.2</td>\n",
       "      <td>4.4</td>\n",
       "      <td>4.5</td>\n",
       "      <td>4.5</td>\n",
       "      <td>4.2</td>\n",
       "      <td>4.2</td>\n",
       "      <td>4.0</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.4</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>吉林省</th>\n",
       "      <td>3.6</td>\n",
       "      <td>4.3</td>\n",
       "      <td>4.2</td>\n",
       "      <td>4.2</td>\n",
       "      <td>4.2</td>\n",
       "      <td>3.9</td>\n",
       "      <td>4.0</td>\n",
       "      <td>4.0</td>\n",
       "      <td>3.8</td>\n",
       "      <td>3.7</td>\n",
       "      <td>3.7</td>\n",
       "      <td>3.7</td>\n",
       "      <td>3.4</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.1</td>\n",
       "      <td>3.4</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>河北省</th>\n",
       "      <td>3.6</td>\n",
       "      <td>3.9</td>\n",
       "      <td>4.0</td>\n",
       "      <td>3.9</td>\n",
       "      <td>3.8</td>\n",
       "      <td>3.8</td>\n",
       "      <td>4.0</td>\n",
       "      <td>3.9</td>\n",
       "      <td>3.9</td>\n",
       "      <td>3.8</td>\n",
       "      <td>3.7</td>\n",
       "      <td>3.7</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.7</td>\n",
       "      <td>3.7</td>\n",
       "      <td>3.3</td>\n",
       "      <td>3.1</td>\n",
       "      <td>3.5</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>天津市</th>\n",
       "      <td>3.9</td>\n",
       "      <td>3.8</td>\n",
       "      <td>3.8</td>\n",
       "      <td>3.7</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.6</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>陕西省</th>\n",
       "      <td>3.3</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.8</td>\n",
       "      <td>4.2</td>\n",
       "      <td>4.0</td>\n",
       "      <td>4.0</td>\n",
       "      <td>3.9</td>\n",
       "      <td>3.9</td>\n",
       "      <td>3.9</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.2</td>\n",
       "      <td>3.3</td>\n",
       "      <td>3.3</td>\n",
       "      <td>3.4</td>\n",
       "      <td>3.3</td>\n",
       "      <td>3.3</td>\n",
       "      <td>3.2</td>\n",
       "      <td>3.2</td>\n",
       "      <td>3.6</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>四川省</th>\n",
       "      <td>4.5</td>\n",
       "      <td>4.4</td>\n",
       "      <td>4.4</td>\n",
       "      <td>4.6</td>\n",
       "      <td>4.5</td>\n",
       "      <td>4.2</td>\n",
       "      <td>4.6</td>\n",
       "      <td>4.3</td>\n",
       "      <td>4.1</td>\n",
       "      <td>4.2</td>\n",
       "      <td>4.0</td>\n",
       "      <td>4.1</td>\n",
       "      <td>4.2</td>\n",
       "      <td>4.1</td>\n",
       "      <td>4.2</td>\n",
       "      <td>4.0</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.3</td>\n",
       "      <td>3.6</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>上海市</th>\n",
       "      <td>4.8</td>\n",
       "      <td>4.9</td>\n",
       "      <td>4.5</td>\n",
       "      <td>4.4</td>\n",
       "      <td>4.4</td>\n",
       "      <td>4.2</td>\n",
       "      <td>4.2</td>\n",
       "      <td>4.3</td>\n",
       "      <td>4.4</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.1</td>\n",
       "      <td>4.0</td>\n",
       "      <td>4.1</td>\n",
       "      <td>4.0</td>\n",
       "      <td>4.1</td>\n",
       "      <td>3.9</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.7</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>贵州省</th>\n",
       "      <td>4.1</td>\n",
       "      <td>4.0</td>\n",
       "      <td>4.1</td>\n",
       "      <td>4.2</td>\n",
       "      <td>4.1</td>\n",
       "      <td>4.0</td>\n",
       "      <td>4.0</td>\n",
       "      <td>3.8</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.3</td>\n",
       "      <td>3.3</td>\n",
       "      <td>3.3</td>\n",
       "      <td>3.3</td>\n",
       "      <td>3.2</td>\n",
       "      <td>3.2</td>\n",
       "      <td>3.2</td>\n",
       "      <td>3.1</td>\n",
       "      <td>3.8</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>福建省</th>\n",
       "      <td>4.2</td>\n",
       "      <td>4.1</td>\n",
       "      <td>4.0</td>\n",
       "      <td>4.0</td>\n",
       "      <td>3.9</td>\n",
       "      <td>3.9</td>\n",
       "      <td>3.9</td>\n",
       "      <td>3.9</td>\n",
       "      <td>3.8</td>\n",
       "      <td>3.7</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.7</td>\n",
       "      <td>3.9</td>\n",
       "      <td>3.9</td>\n",
       "      <td>3.7</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.8</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>内蒙古自治区</th>\n",
       "      <td>4.1</td>\n",
       "      <td>4.5</td>\n",
       "      <td>4.6</td>\n",
       "      <td>4.3</td>\n",
       "      <td>4.1</td>\n",
       "      <td>4.0</td>\n",
       "      <td>4.1</td>\n",
       "      <td>4.0</td>\n",
       "      <td>3.9</td>\n",
       "      <td>3.8</td>\n",
       "      <td>3.7</td>\n",
       "      <td>3.7</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.7</td>\n",
       "      <td>3.7</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.7</td>\n",
       "      <td>3.8</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>云南省</th>\n",
       "      <td>4.0</td>\n",
       "      <td>4.1</td>\n",
       "      <td>4.3</td>\n",
       "      <td>4.2</td>\n",
       "      <td>4.3</td>\n",
       "      <td>4.2</td>\n",
       "      <td>4.2</td>\n",
       "      <td>4.3</td>\n",
       "      <td>4.2</td>\n",
       "      <td>4.1</td>\n",
       "      <td>4.0</td>\n",
       "      <td>4.0</td>\n",
       "      <td>4.0</td>\n",
       "      <td>4.0</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.2</td>\n",
       "      <td>3.4</td>\n",
       "      <td>3.3</td>\n",
       "      <td>3.9</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>宁夏回族自治区</th>\n",
       "      <td>4.4</td>\n",
       "      <td>4.4</td>\n",
       "      <td>4.5</td>\n",
       "      <td>4.5</td>\n",
       "      <td>4.3</td>\n",
       "      <td>4.3</td>\n",
       "      <td>4.4</td>\n",
       "      <td>4.4</td>\n",
       "      <td>4.4</td>\n",
       "      <td>4.4</td>\n",
       "      <td>4.2</td>\n",
       "      <td>4.1</td>\n",
       "      <td>4.0</td>\n",
       "      <td>4.0</td>\n",
       "      <td>3.9</td>\n",
       "      <td>3.9</td>\n",
       "      <td>3.9</td>\n",
       "      <td>3.7</td>\n",
       "      <td>3.9</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>重庆市</th>\n",
       "      <td>4.1</td>\n",
       "      <td>4.1</td>\n",
       "      <td>4.1</td>\n",
       "      <td>4.1</td>\n",
       "      <td>4.0</td>\n",
       "      <td>4.0</td>\n",
       "      <td>4.0</td>\n",
       "      <td>4.0</td>\n",
       "      <td>3.9</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.3</td>\n",
       "      <td>3.4</td>\n",
       "      <td>3.5</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.7</td>\n",
       "      <td>3.4</td>\n",
       "      <td>3.0</td>\n",
       "      <td>2.6</td>\n",
       "      <td>4.5</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>辽宁省</th>\n",
       "      <td>6.5</td>\n",
       "      <td>6.5</td>\n",
       "      <td>6.5</td>\n",
       "      <td>5.6</td>\n",
       "      <td>5.1</td>\n",
       "      <td>4.3</td>\n",
       "      <td>3.9</td>\n",
       "      <td>3.9</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.7</td>\n",
       "      <td>3.6</td>\n",
       "      <td>3.4</td>\n",
       "      <td>3.4</td>\n",
       "      <td>3.4</td>\n",
       "      <td>3.8</td>\n",
       "      <td>3.8</td>\n",
       "      <td>3.9</td>\n",
       "      <td>4.2</td>\n",
       "      <td>4.6</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "</div>"
      ],
      "text/plain": [
       "时间        2002年  2003年  2004年  2005年  2006年  2007年  2008年  2009年  2010年  \\\n",
       "青海省         3.6    3.8    3.9    3.9    3.9    3.8    3.8    3.8    3.8   \n",
       "新疆维吾尔自治区    3.7    3.5    3.5    3.9    3.9    3.9    3.7    3.8    3.2   \n",
       "广东省         3.1    2.9    2.7    2.6    2.6    2.5    2.6    2.6    2.5   \n",
       "北京市         1.4    1.4    1.3    2.1    2.0    1.8    1.8    1.4    1.4   \n",
       "湖南省         4.0    3.8    4.4    4.3    4.3    4.3    4.2    4.1    4.2   \n",
       "海南省         3.1    3.4    3.4    3.6    3.6    3.5    3.7    3.5    3.0   \n",
       "广西壮族自治区     3.7    3.6    4.1    4.2    4.2    3.8    3.8    3.7    3.7   \n",
       "浙江省         4.2    4.2    4.1    3.7    3.5    3.3    3.5    3.3    3.2   \n",
       "安徽省         4.0    4.1    4.2    4.4    4.3    4.1    3.9    3.9    3.7   \n",
       "西藏自治区       4.9    NaN    4.0    4.3    NaN    NaN    NaN    3.8    4.0   \n",
       "山西省         3.4    3.0    3.1    3.0    3.2    3.2    3.3    3.9    3.6   \n",
       "山东省         3.6    3.6    3.4    3.3    3.3    3.2    3.7    3.4    3.4   \n",
       "江西省         3.4    3.6    3.6    3.5    3.6    3.4    3.4    3.4    3.3   \n",
       "河南省         2.9    3.1    3.4    3.5    3.5    3.4    3.4    3.5    3.4   \n",
       "江苏省         4.2    4.1    3.8    3.6    3.4    3.2    3.3    3.2    3.2   \n",
       "甘肃省         3.2    3.4    3.4    3.3    3.6    3.3    3.2    3.3    3.2   \n",
       "湖北省         4.3    4.3    4.2    4.3    4.2    4.2    4.2    4.2    4.2   \n",
       "黑龙江省        4.9    4.2    4.5    4.4    4.4    4.3    4.2    4.3    4.3   \n",
       "吉林省         3.6    4.3    4.2    4.2    4.2    3.9    4.0    4.0    3.8   \n",
       "河北省         3.6    3.9    4.0    3.9    3.8    3.8    4.0    3.9    3.9   \n",
       "天津市         3.9    3.8    3.8    3.7    3.6    3.6    3.6    3.6    3.6   \n",
       "陕西省         3.3    3.5    3.8    4.2    4.0    4.0    3.9    3.9    3.9   \n",
       "四川省         4.5    4.4    4.4    4.6    4.5    4.2    4.6    4.3    4.1   \n",
       "上海市         4.8    4.9    4.5    4.4    4.4    4.2    4.2    4.3    4.4   \n",
       "贵州省         4.1    4.0    4.1    4.2    4.1    4.0    4.0    3.8    3.6   \n",
       "福建省         4.2    4.1    4.0    4.0    3.9    3.9    3.9    3.9    3.8   \n",
       "内蒙古自治区      4.1    4.5    4.6    4.3    4.1    4.0    4.1    4.0    3.9   \n",
       "云南省         4.0    4.1    4.3    4.2    4.3    4.2    4.2    4.3    4.2   \n",
       "宁夏回族自治区     4.4    4.4    4.5    4.5    4.3    4.3    4.4    4.4    4.4   \n",
       "重庆市         4.1    4.1    4.1    4.1    4.0    4.0    4.0    4.0    3.9   \n",
       "辽宁省         6.5    6.5    6.5    5.6    5.1    4.3    3.9    3.9    3.6   \n",
       "\n",
       "时间        2011年  2012年  2013年  2014年  2015年  2016年  2017年  2018年  2019年  2020年  \n",
       "青海省         3.8    3.4    3.3    3.2    3.2    3.1    3.1    3.0    2.2    2.1  \n",
       "新疆维吾尔自治区    3.2    3.4    3.4    3.2    2.9    2.5    2.6    2.4    2.1    2.4  \n",
       "广东省         2.5    2.5    2.4    2.4    2.5    2.5    2.5    2.4    2.3    2.5  \n",
       "北京市         1.4    1.3    1.2    1.3    1.4    1.4    1.4    1.4    1.3    2.6  \n",
       "湖南省         4.2    4.2    4.2    4.1    4.1    4.2    4.0    3.6    2.7    2.7  \n",
       "海南省         1.7    2.0    2.2    2.3    2.3    2.4    2.3    2.3    2.3    2.8  \n",
       "广西壮族自治区     3.5    3.4    3.3    3.2    2.9    2.9    2.2    2.3    2.6    2.8  \n",
       "浙江省         3.1    3.0    3.0    3.0    2.9    2.9    2.7    2.6    2.5    2.8  \n",
       "安徽省         3.7    3.7    3.4    3.2    3.1    3.2    2.9    2.8    2.6    2.8  \n",
       "西藏自治区       3.2    2.6    2.5    2.5    2.5    2.6    2.7    2.8    2.9    2.9  \n",
       "山西省         3.5    3.3    3.1    3.4    3.5    3.5    3.4    3.3    2.7    3.1  \n",
       "山东省         3.4    3.3    3.2    3.3    3.4    3.5    3.4    3.4    3.3    3.1  \n",
       "江西省         3.0    3.0    3.2    3.3    3.4    3.4    3.3    3.4    2.9    3.2  \n",
       "河南省         3.4    3.1    3.1    3.0    3.0    3.0    2.8    3.0    3.2    3.2  \n",
       "江苏省         3.2    3.1    3.0    3.0    3.0    3.0    3.0    3.0    3.0    3.2  \n",
       "甘肃省         3.1    2.7    2.3    2.2    2.1    2.2    2.7    2.8    3.0    3.3  \n",
       "湖北省         4.1    3.8    3.5    3.1    2.6    2.4    2.6    2.6    2.4    3.4  \n",
       "黑龙江省        4.1    4.2    4.4    4.5    4.5    4.2    4.2    4.0    3.5    3.4  \n",
       "吉林省         3.7    3.7    3.7    3.4    3.5    3.5    3.5    3.5    3.1    3.4  \n",
       "河北省         3.8    3.7    3.7    3.6    3.6    3.7    3.7    3.3    3.1    3.5  \n",
       "天津市         3.6    3.6    3.6    3.5    3.5    3.5    3.5    3.5    3.5    3.6  \n",
       "陕西省         3.6    3.2    3.3    3.3    3.4    3.3    3.3    3.2    3.2    3.6  \n",
       "四川省         4.2    4.0    4.1    4.2    4.1    4.2    4.0    3.5    3.3    3.6  \n",
       "上海市         3.5    3.1    4.0    4.1    4.0    4.1    3.9    3.5    3.6    3.7  \n",
       "贵州省         3.6    3.3    3.3    3.3    3.3    3.2    3.2    3.2    3.1    3.8  \n",
       "福建省         3.7    3.6    3.6    3.5    3.7    3.9    3.9    3.7    3.5    3.8  \n",
       "内蒙古自治区      3.8    3.7    3.7    3.6    3.7    3.7    3.6    3.6    3.7    3.8  \n",
       "云南省         4.1    4.0    4.0    4.0    4.0    3.6    3.2    3.4    3.3    3.9  \n",
       "宁夏回族自治区     4.4    4.2    4.1    4.0    4.0    3.9    3.9    3.9    3.7    3.9  \n",
       "重庆市         3.5    3.3    3.4    3.5    3.6    3.7    3.4    3.0    2.6    4.5  \n",
       "辽宁省         3.7    3.6    3.4    3.4    3.4    3.8    3.8    3.9    4.2    4.6  "
      ]
     },
     "execution_count": 3,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "df2 = df.T.sort_values('2020年', ascending = True)\n",
    "df2"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "7668e4d1-822b-4ba8-bebb-2cd112c653b0",
   "metadata": {
    "tags": []
   },
   "source": [
    "### 3. 转换数据结构为list"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 4,
   "id": "7ee2c993-7628-41d5-b638-a5d6490c6c4c",
   "metadata": {},
   "outputs": [],
   "source": [
    "x2020 = df2.index.values.tolist()\n",
    "y2020 = df2['2020年'].tolist()"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "9d95241f-4c29-45ff-9fd7-b9d8ffa8292f",
   "metadata": {},
   "source": [
    "## 画图部分"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "5648de67-56cd-405d-ba48-5c0814415992",
   "metadata": {},
   "source": [
    "### 1. 打开所保存的画图文件"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 5,
   "id": "d24fd20d-31c8-4a7b-b7b5-32b99701665f",
   "metadata": {},
   "outputs": [],
   "source": [
    "execfile('map.py')\n",
    "execfile('bar.py')\n",
    "execfile('line.py')\n",
    "execfile('pie.py')"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "e9d5d6da-cba7-470d-b1c0-830b2868f5fc",
   "metadata": {},
   "source": [
    "### 2. 使用 page 合并图表 "
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 6,
   "id": "c4a4ab04-9c70-4df0-b21d-fc4201a958f1",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "'/Users/jackchen/Desktop/云盘存储/pyecharts/数据大屏/展示案例/page_draggable_layout.html'"
      ]
     },
     "execution_count": 6,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "page = Page(layout = Page.DraggablePageLayout, page_title = '各省市失业率')\n",
    "\n",
    "page.add(\n",
    "    map(),\n",
    "    bar(),\n",
    "    line(),\n",
    "    pie()\n",
    ")\n",
    "\n",
    "page.render('page_draggable_layout.html')"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "32091a7c-4e3b-437b-9d37-2019cf71fcd0",
   "metadata": {},
   "source": [
    "### 3. 调整保存完config后，输出html"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 7,
   "id": "a16669db-47f3-4515-8b97-0f376f1de659",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "'<!DOCTYPE html>\\n<html>\\n<head>\\n    <meta charset=\"UTF-8\">\\n    <title>各省市失业率</title>\\n            <script type=\"text/javascript\" src=\"https://assets.pyecharts.org/assets/echarts.min.js\"></script>\\n        <script type=\"text/javascript\" src=\"https://assets.pyecharts.org/assets/maps/china.js\"></script>\\n        <script type=\"text/javascript\" src=\"https://assets.pyecharts.org/assets/jquery.min.js\"></script>\\n        <script type=\"text/javascript\" src=\"https://assets.pyecharts.org/assets/jquery-ui.min.js\"></script>\\n        <script type=\"text/javascript\" src=\"https://assets.pyecharts.org/assets/ResizeSensor.js\"></script>\\n\\n            <link rel=\"stylesheet\"  href=\"https://assets.pyecharts.org/assets/jquery-ui.css\">\\n\\n</head>\\n<body>\\n    <style>.box {  }; </style>\\n        \\n    <div class=\"box\">\\n                <div id=\"70c3931c6cf242289ea878393eb7b6c9\" class=\"chart-container\" style=\"width:900px; height:500px;\"></div>\\n    <script>\\n        var chart_70c3931c6cf242289ea878393eb7b6c9 = echarts.init(\\n            document.getElementById(\\'70c3931c6cf242289ea878393eb7b6c9\\'), \\'white\\', {renderer: \\'canvas\\'});\\n        var option_70c3931c6cf242289ea878393eb7b6c9 = {\\n    \"backgroundColor\": \"#B9DDF1\",\\n    \"animation\": true,\\n    \"animationThreshold\": 2000,\\n    \"animationDuration\": 1000,\\n    \"animationEasing\": \"cubicOut\",\\n    \"animationDelay\": 0,\\n    \"animationDurationUpdate\": 300,\\n    \"animationEasingUpdate\": \"cubicOut\",\\n    \"animationDelayUpdate\": 0,\\n    \"color\": [\\n        \"#c23531\",\\n        \"#2f4554\",\\n        \"#61a0a8\",\\n        \"#d48265\",\\n        \"#749f83\",\\n        \"#ca8622\",\\n        \"#bda29a\",\\n        \"#6e7074\",\\n        \"#546570\",\\n        \"#c4ccd3\",\\n        \"#f05b72\",\\n        \"#ef5b9c\",\\n        \"#f47920\",\\n        \"#905a3d\",\\n        \"#fab27b\",\\n        \"#2a5caa\",\\n        \"#444693\",\\n        \"#726930\",\\n        \"#b2d235\",\\n        \"#6d8346\",\\n        \"#ac6767\",\\n        \"#1d953f\",\\n        \"#6950a1\",\\n        \"#918597\"\\n    ],\\n    \"series\": [\\n        {\\n            \"type\": \"map\",\\n            \"name\": \"\\\\u5931\\\\u4e1a\\\\u7387\",\\n            \"label\": {\\n                \"show\": true,\\n                \"position\": \"top\",\\n                \"margin\": 8\\n            },\\n            \"mapType\": \"china\",\\n            \"data\": [\\n                {\\n                    \"name\": \"\\\\u5317\\\\u4eac\",\\n                    \"value\": 2.6\\n                },\\n                {\\n                    \"name\": \"\\\\u5929\\\\u6d25\",\\n                    \"value\": 3.6\\n                },\\n                {\\n                    \"name\": \"\\\\u6cb3\\\\u5317\",\\n                    \"value\": 3.5\\n                },\\n                {\\n                    \"name\": \"\\\\u5c71\\\\u897f\",\\n                    \"value\": 3.1\\n                },\\n                {\\n                    \"name\": \"\\\\u5185\\\\u8499\\\\u53e4\",\\n                    \"value\": 3.8\\n                },\\n                {\\n                    \"name\": \"\\\\u8fbd\\\\u5b81\",\\n                    \"value\": 4.6\\n                },\\n                {\\n                    \"name\": \"\\\\u5409\\\\u6797\",\\n                    \"value\": 3.4\\n                },\\n                {\\n                    \"name\": \"\\\\u9ed1\\\\u9f99\\\\u6c5f\",\\n                    \"value\": 3.4\\n                },\\n                {\\n                    \"name\": \"\\\\u4e0a\\\\u6d77\",\\n                    \"value\": 3.7\\n                },\\n                {\\n                    \"name\": \"\\\\u6c5f\\\\u82cf\",\\n                    \"value\": 3.2\\n                },\\n                {\\n                    \"name\": \"\\\\u6d59\\\\u6c5f\",\\n                    \"value\": 2.8\\n                },\\n                {\\n                    \"name\": \"\\\\u5b89\\\\u5fbd\",\\n                    \"value\": 2.8\\n                },\\n                {\\n                    \"name\": \"\\\\u798f\\\\u5efa\",\\n                    \"value\": 3.8\\n                },\\n                {\\n                    \"name\": \"\\\\u6c5f\\\\u897f\",\\n                    \"value\": 3.2\\n                },\\n                {\\n                    \"name\": \"\\\\u5c71\\\\u4e1c\",\\n                    \"value\": 3.1\\n                },\\n                {\\n                    \"name\": \"\\\\u6cb3\\\\u5357\",\\n                    \"value\": 3.2\\n                },\\n                {\\n                    \"name\": \"\\\\u6e56\\\\u5317\",\\n                    \"value\": 3.4\\n                },\\n                {\\n                    \"name\": \"\\\\u6e56\\\\u5357\",\\n                    \"value\": 2.7\\n                },\\n                {\\n                    \"name\": \"\\\\u5e7f\\\\u4e1c\",\\n                    \"value\": 2.5\\n                },\\n                {\\n                    \"name\": \"\\\\u5e7f\\\\u897f\",\\n                    \"value\": 2.8\\n                },\\n                {\\n                    \"name\": \"\\\\u6d77\\\\u5357\",\\n                    \"value\": 2.8\\n                },\\n                {\\n                    \"name\": \"\\\\u91cd\\\\u5e86\",\\n                    \"value\": 4.5\\n                },\\n                {\\n                    \"name\": \"\\\\u56db\\\\u5ddd\",\\n                    \"value\": 3.6\\n                },\\n                {\\n                    \"name\": \"\\\\u8d35\\\\u5dde\",\\n                    \"value\": 3.8\\n                },\\n                {\\n                    \"name\": \"\\\\u4e91\\\\u5357\",\\n                    \"value\": 3.9\\n                },\\n                {\\n                    \"name\": \"\\\\u897f\\\\u85cf\",\\n                    \"value\": 2.9\\n                },\\n                {\\n                    \"name\": \"\\\\u9655\\\\u897f\",\\n                    \"value\": 3.6\\n                },\\n                {\\n                    \"name\": \"\\\\u7518\\\\u8083\",\\n                    \"value\": 3.3\\n                },\\n                {\\n                    \"name\": \"\\\\u9752\\\\u6d77\",\\n                    \"value\": 2.1\\n                },\\n                {\\n                    \"name\": \"\\\\u5b81\\\\u590f\",\\n                    \"value\": 3.9\\n                },\\n                {\\n                    \"name\": \"\\\\u65b0\\\\u7586\",\\n                    \"value\": 2.4\\n                }\\n            ],\\n            \"roam\": true,\\n            \"aspectScale\": 0.75,\\n            \"nameProperty\": \"name\",\\n            \"selectedMode\": false,\\n            \"zoom\": 1,\\n            \"mapValueCalculation\": \"sum\",\\n            \"showLegendSymbol\": true,\\n            \"emphasis\": {}\\n        }\\n    ],\\n    \"legend\": [\\n        {\\n            \"data\": [\\n                \"\\\\u5931\\\\u4e1a\\\\u7387\"\\n            ],\\n            \"selected\": {\\n                \"\\\\u5931\\\\u4e1a\\\\u7387\": true\\n            },\\n            \"show\": true,\\n            \"padding\": 5,\\n            \"itemGap\": 10,\\n            \"itemWidth\": 25,\\n            \"itemHeight\": 14\\n        }\\n    ],\\n    \"tooltip\": {\\n        \"show\": true,\\n        \"trigger\": \"item\",\\n        \"triggerOn\": \"mousemove|click\",\\n        \"axisPointer\": {\\n            \"type\": \"line\"\\n        },\\n        \"showContent\": true,\\n        \"alwaysShowContent\": false,\\n        \"showDelay\": 0,\\n        \"hideDelay\": 100,\\n        \"textStyle\": {\\n            \"fontSize\": 14\\n        },\\n        \"borderWidth\": 0,\\n        \"padding\": 5\\n    },\\n    \"title\": [\\n        {\\n            \"text\": \"2020\\\\u5e74\\\\u5168\\\\u56fd\\\\u5931\\\\u4e1a\\\\u7387\",\\n            \"subtext\": \"\\\\u6570\\\\u636e\\\\u6765\\\\u6e90\\\\uff1a\\\\u56fd\\\\u5bb6\\\\u7edf\\\\u8ba1\\\\u5c40\",\\n            \"right\": \"center\",\\n            \"top\": \"5%\",\\n            \"padding\": 5,\\n            \"itemGap\": 10\\n        }\\n    ],\\n    \"visualMap\": {\\n        \"show\": true,\\n        \"type\": \"continuous\",\\n        \"min\": 2.1,\\n        \"max\": 4.6,\\n        \"inRange\": {\\n            \"color\": [\\n                \"#1E9600\",\\n                \"#FFF200\",\\n                \"#FF0000\"\\n            ]\\n        },\\n        \"calculable\": true,\\n        \"inverse\": false,\\n        \"splitNumber\": 5,\\n        \"orient\": \"vertical\",\\n        \"showLabel\": true,\\n        \"itemWidth\": 20,\\n        \"itemHeight\": 140,\\n        \"borderWidth\": 0\\n    }\\n};\\n        chart_70c3931c6cf242289ea878393eb7b6c9.setOption(option_70c3931c6cf242289ea878393eb7b6c9);\\n    </script>\\n<br/>                <div id=\"113632002ccf43d485aac3a5dd3e7d8e\" class=\"chart-container\" style=\"width:900px; height:500px;\"></div>\\n    <script>\\n        var chart_113632002ccf43d485aac3a5dd3e7d8e = echarts.init(\\n            document.getElementById(\\'113632002ccf43d485aac3a5dd3e7d8e\\'), \\'white\\', {renderer: \\'canvas\\'});\\n        var option_113632002ccf43d485aac3a5dd3e7d8e = {\\n    \"backgroundColor\": \"#B9DDF1\",\\n    \"animation\": true,\\n    \"animationThreshold\": 2000,\\n    \"animationDuration\": 1000,\\n    \"animationEasing\": \"cubicOut\",\\n    \"animationDelay\": 0,\\n    \"animationDurationUpdate\": 300,\\n    \"animationEasingUpdate\": \"cubicOut\",\\n    \"animationDelayUpdate\": 0,\\n    \"color\": [\\n        \"#c23531\",\\n        \"#2f4554\",\\n        \"#61a0a8\",\\n        \"#d48265\",\\n        \"#749f83\",\\n        \"#ca8622\",\\n        \"#bda29a\",\\n        \"#6e7074\",\\n        \"#546570\",\\n        \"#c4ccd3\",\\n        \"#f05b72\",\\n        \"#ef5b9c\",\\n        \"#f47920\",\\n        \"#905a3d\",\\n        \"#fab27b\",\\n        \"#2a5caa\",\\n        \"#444693\",\\n        \"#726930\",\\n        \"#b2d235\",\\n        \"#6d8346\",\\n        \"#ac6767\",\\n        \"#1d953f\",\\n        \"#6950a1\",\\n        \"#918597\"\\n    ],\\n    \"series\": [\\n        {\\n            \"type\": \"bar\",\\n            \"name\": \"2020\\\\u5e74\\\\u5404\\\\u7701\\\\u5e02\\\\u5931\\\\u4e1a\\\\u7387\",\\n            \"legendHoverLink\": true,\\n            \"data\": [\\n                2.1,\\n                2.4,\\n                2.5,\\n                2.6,\\n                2.7,\\n                2.8,\\n                2.8,\\n                2.8,\\n                2.8,\\n                2.9,\\n                3.1,\\n                3.1,\\n                3.2,\\n                3.2,\\n                3.2,\\n                3.3,\\n                3.4,\\n                3.4,\\n                3.4,\\n                3.5,\\n                3.6,\\n                3.6,\\n                3.6,\\n                3.7,\\n                3.8,\\n                3.8,\\n                3.8,\\n                3.9,\\n                3.9,\\n                4.5,\\n                4.6\\n            ],\\n            \"showBackground\": false,\\n            \"barWidth\": 11,\\n            \"barMinHeight\": 0,\\n            \"barCategoryGap\": \"20%\",\\n            \"barGap\": \"30%\",\\n            \"large\": false,\\n            \"largeThreshold\": 400,\\n            \"seriesLayoutBy\": \"column\",\\n            \"datasetIndex\": 0,\\n            \"clip\": true,\\n            \"zlevel\": 0,\\n            \"z\": 2,\\n            \"label\": {\\n                \"show\": true,\\n                \"position\": \"right\",\\n                \"margin\": 8\\n            },\\n            \"markPoint\": {\\n                \"label\": {\\n                    \"show\": true,\\n                    \"position\": \"inside\",\\n                    \"color\": \"#fff\",\\n                    \"margin\": 8\\n                },\\n                \"data\": [\\n                    {\\n                        \"type\": \"max\"\\n                    }\\n                ]\\n            }\\n        }\\n    ],\\n    \"legend\": [\\n        {\\n            \"data\": [\\n                \"2020\\\\u5e74\\\\u5404\\\\u7701\\\\u5e02\\\\u5931\\\\u4e1a\\\\u7387\"\\n            ],\\n            \"selected\": {\\n                \"2020\\\\u5e74\\\\u5404\\\\u7701\\\\u5e02\\\\u5931\\\\u4e1a\\\\u7387\": true\\n            },\\n            \"show\": true,\\n            \"padding\": 5,\\n            \"itemGap\": 10,\\n            \"itemWidth\": 25,\\n            \"itemHeight\": 14\\n        }\\n    ],\\n    \"tooltip\": {\\n        \"show\": true,\\n        \"trigger\": \"item\",\\n        \"triggerOn\": \"mousemove|click\",\\n        \"axisPointer\": {\\n            \"type\": \"line\"\\n        },\\n        \"showContent\": true,\\n        \"alwaysShowContent\": false,\\n        \"showDelay\": 0,\\n        \"hideDelay\": 100,\\n        \"textStyle\": {\\n            \"fontSize\": 14\\n        },\\n        \"borderWidth\": 0,\\n        \"padding\": 5\\n    },\\n    \"xAxis\": [\\n        {\\n            \"name\": \"\\\\u5931\\\\u4e1a\\\\u7387\",\\n            \"show\": true,\\n            \"scale\": false,\\n            \"nameLocation\": \"end\",\\n            \"nameGap\": 15,\\n            \"gridIndex\": 0,\\n            \"axisLabel\": {\\n                \"show\": true,\\n                \"position\": \"top\",\\n                \"margin\": 8,\\n                \"formatter\": \"{value}%\"\\n            },\\n            \"inverse\": false,\\n            \"offset\": 0,\\n            \"splitNumber\": 5,\\n            \"minInterval\": 0,\\n            \"splitLine\": {\\n                \"show\": false,\\n                \"lineStyle\": {\\n                    \"show\": true,\\n                    \"width\": 1,\\n                    \"opacity\": 1,\\n                    \"curveness\": 0,\\n                    \"type\": \"solid\"\\n                }\\n            }\\n        }\\n    ],\\n    \"yAxis\": [\\n        {\\n            \"show\": true,\\n            \"scale\": false,\\n            \"nameLocation\": \"end\",\\n            \"nameGap\": 10,\\n            \"gridIndex\": 0,\\n            \"axisLabel\": {\\n                \"show\": true,\\n                \"position\": \"top\",\\n                \"margin\": 8,\\n                \"fontSize\": 9\\n            },\\n            \"inverse\": false,\\n            \"offset\": 0,\\n            \"splitNumber\": 5,\\n            \"minInterval\": 0,\\n            \"splitLine\": {\\n                \"show\": false,\\n                \"lineStyle\": {\\n                    \"show\": true,\\n                    \"width\": 1,\\n                    \"opacity\": 1,\\n                    \"curveness\": 0,\\n                    \"type\": \"solid\"\\n                }\\n            },\\n            \"data\": [\\n                \"\\\\u9752\\\\u6d77\\\\u7701\",\\n                \"\\\\u65b0\\\\u7586\\\\u7ef4\\\\u543e\\\\u5c14\\\\u81ea\\\\u6cbb\\\\u533a\",\\n                \"\\\\u5e7f\\\\u4e1c\\\\u7701\",\\n                \"\\\\u5317\\\\u4eac\\\\u5e02\",\\n                \"\\\\u6e56\\\\u5357\\\\u7701\",\\n                \"\\\\u6d77\\\\u5357\\\\u7701\",\\n                \"\\\\u5e7f\\\\u897f\\\\u58ee\\\\u65cf\\\\u81ea\\\\u6cbb\\\\u533a\",\\n                \"\\\\u6d59\\\\u6c5f\\\\u7701\",\\n                \"\\\\u5b89\\\\u5fbd\\\\u7701\",\\n                \"\\\\u897f\\\\u85cf\\\\u81ea\\\\u6cbb\\\\u533a\",\\n                \"\\\\u5c71\\\\u897f\\\\u7701\",\\n                \"\\\\u5c71\\\\u4e1c\\\\u7701\",\\n                \"\\\\u6c5f\\\\u897f\\\\u7701\",\\n                \"\\\\u6cb3\\\\u5357\\\\u7701\",\\n                \"\\\\u6c5f\\\\u82cf\\\\u7701\",\\n                \"\\\\u7518\\\\u8083\\\\u7701\",\\n                \"\\\\u6e56\\\\u5317\\\\u7701\",\\n                \"\\\\u9ed1\\\\u9f99\\\\u6c5f\\\\u7701\",\\n                \"\\\\u5409\\\\u6797\\\\u7701\",\\n                \"\\\\u6cb3\\\\u5317\\\\u7701\",\\n                \"\\\\u5929\\\\u6d25\\\\u5e02\",\\n                \"\\\\u9655\\\\u897f\\\\u7701\",\\n                \"\\\\u56db\\\\u5ddd\\\\u7701\",\\n                \"\\\\u4e0a\\\\u6d77\\\\u5e02\",\\n                \"\\\\u8d35\\\\u5dde\\\\u7701\",\\n                \"\\\\u798f\\\\u5efa\\\\u7701\",\\n                \"\\\\u5185\\\\u8499\\\\u53e4\\\\u81ea\\\\u6cbb\\\\u533a\",\\n                \"\\\\u4e91\\\\u5357\\\\u7701\",\\n                \"\\\\u5b81\\\\u590f\\\\u56de\\\\u65cf\\\\u81ea\\\\u6cbb\\\\u533a\",\\n                \"\\\\u91cd\\\\u5e86\\\\u5e02\",\\n                \"\\\\u8fbd\\\\u5b81\\\\u7701\"\\n            ]\\n        }\\n    ],\\n    \"title\": [\\n        {\\n            \"padding\": 5,\\n            \"itemGap\": 10\\n        }\\n    ]\\n};\\n        chart_113632002ccf43d485aac3a5dd3e7d8e.setOption(option_113632002ccf43d485aac3a5dd3e7d8e);\\n    </script>\\n<br/>                <div id=\"5b9e3b2f15a24fbead53a4b0eef7bc8e\" class=\"chart-container\" style=\"width:900px; height:500px;\"></div>\\n    <script>\\n        var chart_5b9e3b2f15a24fbead53a4b0eef7bc8e = echarts.init(\\n            document.getElementById(\\'5b9e3b2f15a24fbead53a4b0eef7bc8e\\'), \\'white\\', {renderer: \\'canvas\\'});\\n        var option_5b9e3b2f15a24fbead53a4b0eef7bc8e = {\\n    \"backgroundColor\": \"#B9DDF1\",\\n    \"animation\": true,\\n    \"animationThreshold\": 2000,\\n    \"animationDuration\": 1000,\\n    \"animationEasing\": \"cubicOut\",\\n    \"animationDelay\": 0,\\n    \"animationDurationUpdate\": 300,\\n    \"animationEasingUpdate\": \"cubicOut\",\\n    \"animationDelayUpdate\": 0,\\n    \"color\": [\\n        \"#c23531\",\\n        \"#2f4554\",\\n        \"#61a0a8\",\\n        \"#d48265\",\\n        \"#749f83\",\\n        \"#ca8622\",\\n        \"#bda29a\",\\n        \"#6e7074\",\\n        \"#546570\",\\n        \"#c4ccd3\",\\n        \"#f05b72\",\\n        \"#ef5b9c\",\\n        \"#f47920\",\\n        \"#905a3d\",\\n        \"#fab27b\",\\n        \"#2a5caa\",\\n        \"#444693\",\\n        \"#726930\",\\n        \"#b2d235\",\\n        \"#6d8346\",\\n        \"#ac6767\",\\n        \"#1d953f\",\\n        \"#6950a1\",\\n        \"#918597\"\\n    ],\\n    \"series\": [\\n        {\\n            \"type\": \"line\",\\n            \"name\": \"\\\\u5317\\\\u4eac\",\\n            \"connectNulls\": false,\\n            \"symbolSize\": 4,\\n            \"showSymbol\": true,\\n            \"smooth\": false,\\n            \"clip\": true,\\n            \"step\": false,\\n            \"data\": [\\n                [\\n                    \"2002\\\\u5e74\",\\n                    1.4\\n                ],\\n                [\\n                    \"2003\\\\u5e74\",\\n                    1.4\\n                ],\\n                [\\n                    \"2004\\\\u5e74\",\\n                    1.3\\n                ],\\n                [\\n                    \"2005\\\\u5e74\",\\n                    2.1\\n                ],\\n                [\\n                    \"2006\\\\u5e74\",\\n                    2.0\\n                ],\\n                [\\n                    \"2007\\\\u5e74\",\\n                    1.8\\n                ],\\n                [\\n                    \"2008\\\\u5e74\",\\n                    1.8\\n                ],\\n                [\\n                    \"2009\\\\u5e74\",\\n                    1.4\\n                ],\\n                [\\n                    \"2010\\\\u5e74\",\\n                    1.4\\n                ],\\n                [\\n                    \"2011\\\\u5e74\",\\n                    1.4\\n                ],\\n                [\\n                    \"2012\\\\u5e74\",\\n                    1.3\\n                ],\\n                [\\n                    \"2013\\\\u5e74\",\\n                    1.2\\n                ],\\n                [\\n                    \"2014\\\\u5e74\",\\n                    1.3\\n                ],\\n                [\\n                    \"2015\\\\u5e74\",\\n                    1.4\\n                ],\\n                [\\n                    \"2016\\\\u5e74\",\\n                    1.4\\n                ],\\n                [\\n                    \"2017\\\\u5e74\",\\n                    1.4\\n                ],\\n                [\\n                    \"2018\\\\u5e74\",\\n                    1.4\\n                ],\\n                [\\n                    \"2019\\\\u5e74\",\\n                    1.3\\n                ],\\n                [\\n                    \"2020\\\\u5e74\",\\n                    2.6\\n                ]\\n            ],\\n            \"hoverAnimation\": true,\\n            \"label\": {\\n                \"show\": true,\\n                \"position\": \"top\",\\n                \"margin\": 8\\n            },\\n            \"lineStyle\": {\\n                \"show\": true,\\n                \"width\": 1,\\n                \"opacity\": 1,\\n                \"curveness\": 0,\\n                \"type\": \"solid\"\\n            },\\n            \"areaStyle\": {\\n                \"opacity\": 0\\n            },\\n            \"zlevel\": 0,\\n            \"z\": 0\\n        },\\n        {\\n            \"type\": \"line\",\\n            \"name\": \"\\\\u4e0a\\\\u6d77\",\\n            \"connectNulls\": false,\\n            \"symbolSize\": 4,\\n            \"showSymbol\": true,\\n            \"smooth\": false,\\n            \"clip\": true,\\n            \"step\": false,\\n            \"data\": [\\n                [\\n                    \"2002\\\\u5e74\",\\n                    4.8\\n                ],\\n                [\\n                    \"2003\\\\u5e74\",\\n                    4.9\\n                ],\\n                [\\n                    \"2004\\\\u5e74\",\\n                    4.5\\n                ],\\n                [\\n                    \"2005\\\\u5e74\",\\n                    4.4\\n                ],\\n                [\\n                    \"2006\\\\u5e74\",\\n                    4.4\\n                ],\\n                [\\n                    \"2007\\\\u5e74\",\\n                    4.2\\n                ],\\n                [\\n                    \"2008\\\\u5e74\",\\n                    4.2\\n                ],\\n                [\\n                    \"2009\\\\u5e74\",\\n                    4.3\\n                ],\\n                [\\n                    \"2010\\\\u5e74\",\\n                    4.4\\n                ],\\n                [\\n                    \"2011\\\\u5e74\",\\n                    3.5\\n                ],\\n                [\\n                    \"2012\\\\u5e74\",\\n                    3.1\\n                ],\\n                [\\n                    \"2013\\\\u5e74\",\\n                    4.0\\n                ],\\n                [\\n                    \"2014\\\\u5e74\",\\n                    4.1\\n                ],\\n                [\\n                    \"2015\\\\u5e74\",\\n                    4.0\\n                ],\\n                [\\n                    \"2016\\\\u5e74\",\\n                    4.1\\n                ],\\n                [\\n                    \"2017\\\\u5e74\",\\n                    3.9\\n                ],\\n                [\\n                    \"2018\\\\u5e74\",\\n                    3.5\\n                ],\\n                [\\n                    \"2019\\\\u5e74\",\\n                    3.6\\n                ],\\n                [\\n                    \"2020\\\\u5e74\",\\n                    3.7\\n                ]\\n            ],\\n            \"hoverAnimation\": true,\\n            \"label\": {\\n                \"show\": true,\\n                \"position\": \"top\",\\n                \"margin\": 8\\n            },\\n            \"lineStyle\": {\\n                \"show\": true,\\n                \"width\": 1,\\n                \"opacity\": 1,\\n                \"curveness\": 0,\\n                \"type\": \"solid\"\\n            },\\n            \"areaStyle\": {\\n                \"opacity\": 0\\n            },\\n            \"zlevel\": 0,\\n            \"z\": 0\\n        },\\n        {\\n            \"type\": \"line\",\\n            \"name\": \"\\\\u5e7f\\\\u4e1c\",\\n            \"connectNulls\": false,\\n            \"symbolSize\": 4,\\n            \"showSymbol\": true,\\n            \"smooth\": false,\\n            \"clip\": true,\\n            \"step\": false,\\n            \"data\": [\\n                [\\n                    \"2002\\\\u5e74\",\\n                    3.1\\n                ],\\n                [\\n                    \"2003\\\\u5e74\",\\n                    2.9\\n                ],\\n                [\\n                    \"2004\\\\u5e74\",\\n                    2.7\\n                ],\\n                [\\n                    \"2005\\\\u5e74\",\\n                    2.6\\n                ],\\n                [\\n                    \"2006\\\\u5e74\",\\n                    2.6\\n                ],\\n                [\\n                    \"2007\\\\u5e74\",\\n                    2.5\\n                ],\\n                [\\n                    \"2008\\\\u5e74\",\\n                    2.6\\n                ],\\n                [\\n                    \"2009\\\\u5e74\",\\n                    2.6\\n                ],\\n                [\\n                    \"2010\\\\u5e74\",\\n                    2.5\\n                ],\\n                [\\n                    \"2011\\\\u5e74\",\\n                    2.5\\n                ],\\n                [\\n                    \"2012\\\\u5e74\",\\n                    2.5\\n                ],\\n                [\\n                    \"2013\\\\u5e74\",\\n                    2.4\\n                ],\\n                [\\n                    \"2014\\\\u5e74\",\\n                    2.4\\n                ],\\n                [\\n                    \"2015\\\\u5e74\",\\n                    2.5\\n                ],\\n                [\\n                    \"2016\\\\u5e74\",\\n                    2.5\\n                ],\\n                [\\n                    \"2017\\\\u5e74\",\\n                    2.5\\n                ],\\n                [\\n                    \"2018\\\\u5e74\",\\n                    2.4\\n                ],\\n                [\\n                    \"2019\\\\u5e74\",\\n                    2.3\\n                ],\\n                [\\n                    \"2020\\\\u5e74\",\\n                    2.5\\n                ]\\n            ],\\n            \"hoverAnimation\": true,\\n            \"label\": {\\n                \"show\": true,\\n                \"position\": \"top\",\\n                \"margin\": 8\\n            },\\n            \"lineStyle\": {\\n                \"show\": true,\\n                \"width\": 1,\\n                \"opacity\": 1,\\n                \"curveness\": 0,\\n                \"type\": \"solid\"\\n            },\\n            \"areaStyle\": {\\n                \"opacity\": 0\\n            },\\n            \"zlevel\": 0,\\n            \"z\": 0\\n        }\\n    ],\\n    \"legend\": [\\n        {\\n            \"data\": [\\n                \"\\\\u5317\\\\u4eac\",\\n                \"\\\\u4e0a\\\\u6d77\",\\n                \"\\\\u5e7f\\\\u4e1c\"\\n            ],\\n            \"selected\": {\\n                \"\\\\u5317\\\\u4eac\": true,\\n                \"\\\\u4e0a\\\\u6d77\": true,\\n                \"\\\\u5e7f\\\\u4e1c\": true\\n            },\\n            \"show\": true,\\n            \"padding\": 5,\\n            \"itemGap\": 10,\\n            \"itemWidth\": 25,\\n            \"itemHeight\": 14\\n        }\\n    ],\\n    \"tooltip\": {\\n        \"show\": true,\\n        \"trigger\": \"item\",\\n        \"triggerOn\": \"mousemove|click\",\\n        \"axisPointer\": {\\n            \"type\": \"line\"\\n        },\\n        \"showContent\": true,\\n        \"alwaysShowContent\": false,\\n        \"showDelay\": 0,\\n        \"hideDelay\": 100,\\n        \"textStyle\": {\\n            \"fontSize\": 14\\n        },\\n        \"borderWidth\": 0,\\n        \"padding\": 5\\n    },\\n    \"xAxis\": [\\n        {\\n            \"show\": true,\\n            \"scale\": false,\\n            \"nameLocation\": \"end\",\\n            \"nameGap\": 15,\\n            \"gridIndex\": 0,\\n            \"inverse\": false,\\n            \"offset\": 0,\\n            \"splitNumber\": 5,\\n            \"minInterval\": 0,\\n            \"splitLine\": {\\n                \"show\": false,\\n                \"lineStyle\": {\\n                    \"show\": true,\\n                    \"width\": 1,\\n                    \"opacity\": 1,\\n                    \"curveness\": 0,\\n                    \"type\": \"solid\"\\n                }\\n            },\\n            \"data\": [\\n                \"2002\\\\u5e74\",\\n                \"2003\\\\u5e74\",\\n                \"2004\\\\u5e74\",\\n                \"2005\\\\u5e74\",\\n                \"2006\\\\u5e74\",\\n                \"2007\\\\u5e74\",\\n                \"2008\\\\u5e74\",\\n                \"2009\\\\u5e74\",\\n                \"2010\\\\u5e74\",\\n                \"2011\\\\u5e74\",\\n                \"2012\\\\u5e74\",\\n                \"2013\\\\u5e74\",\\n                \"2014\\\\u5e74\",\\n                \"2015\\\\u5e74\",\\n                \"2016\\\\u5e74\",\\n                \"2017\\\\u5e74\",\\n                \"2018\\\\u5e74\",\\n                \"2019\\\\u5e74\",\\n                \"2020\\\\u5e74\"\\n            ]\\n        }\\n    ],\\n    \"yAxis\": [\\n        {\\n            \"name\": \"\\\\u5931\\\\u4e1a\\\\u7387\",\\n            \"show\": true,\\n            \"scale\": false,\\n            \"nameLocation\": \"end\",\\n            \"nameGap\": 15,\\n            \"gridIndex\": 0,\\n            \"axisLabel\": {\\n                \"show\": true,\\n                \"position\": \"top\",\\n                \"margin\": 8,\\n                \"formatter\": \"{value}%\"\\n            },\\n            \"inverse\": false,\\n            \"offset\": 0,\\n            \"splitNumber\": 5,\\n            \"minInterval\": 0,\\n            \"splitLine\": {\\n                \"show\": false,\\n                \"lineStyle\": {\\n                    \"show\": true,\\n                    \"width\": 1,\\n                    \"opacity\": 1,\\n                    \"curveness\": 0,\\n                    \"type\": \"solid\"\\n                }\\n            }\\n        }\\n    ],\\n    \"title\": [\\n        {\\n            \"text\": \"2002-2020\\\\u5931\\\\u4e1a\\\\u7387\\\\u8d70\\\\u52bf\",\\n            \"padding\": 5,\\n            \"itemGap\": 10\\n        }\\n    ]\\n};\\n        chart_5b9e3b2f15a24fbead53a4b0eef7bc8e.setOption(option_5b9e3b2f15a24fbead53a4b0eef7bc8e);\\n    </script>\\n<br/>                <div id=\"f45e233547204ef39d53178ea4b1c591\" class=\"chart-container\" style=\"width:900px; height:500px;\"></div>\\n    <script>\\n        var chart_f45e233547204ef39d53178ea4b1c591 = echarts.init(\\n            document.getElementById(\\'f45e233547204ef39d53178ea4b1c591\\'), \\'white\\', {renderer: \\'canvas\\'});\\n        var option_f45e233547204ef39d53178ea4b1c591 = {\\n    \"backgroundColor\": \"#B9DDF1\",\\n    \"animation\": true,\\n    \"animationThreshold\": 2000,\\n    \"animationDuration\": 1000,\\n    \"animationEasing\": \"cubicOut\",\\n    \"animationDelay\": 0,\\n    \"animationDurationUpdate\": 300,\\n    \"animationEasingUpdate\": \"cubicOut\",\\n    \"animationDelayUpdate\": 0,\\n    \"color\": [\\n        \"#c23531\",\\n        \"#2f4554\",\\n        \"#61a0a8\",\\n        \"#d48265\",\\n        \"#749f83\",\\n        \"#ca8622\",\\n        \"#bda29a\",\\n        \"#6e7074\",\\n        \"#546570\",\\n        \"#c4ccd3\",\\n        \"#f05b72\",\\n        \"#ef5b9c\",\\n        \"#f47920\",\\n        \"#905a3d\",\\n        \"#fab27b\",\\n        \"#2a5caa\",\\n        \"#444693\",\\n        \"#726930\",\\n        \"#b2d235\",\\n        \"#6d8346\",\\n        \"#ac6767\",\\n        \"#1d953f\",\\n        \"#6950a1\",\\n        \"#918597\"\\n    ],\\n    \"series\": [\\n        {\\n            \"type\": \"pie\",\\n            \"clockwise\": true,\\n            \"data\": [\\n                {\\n                    \"name\": \"\\\\u9752\\\\u6d77\\\\u7701\",\\n                    \"value\": 2.1\\n                },\\n                {\\n                    \"name\": \"\\\\u65b0\\\\u7586\\\\u7ef4\\\\u543e\\\\u5c14\\\\u81ea\\\\u6cbb\\\\u533a\",\\n                    \"value\": 2.4\\n                },\\n                {\\n                    \"name\": \"\\\\u5e7f\\\\u4e1c\\\\u7701\",\\n                    \"value\": 2.5\\n                },\\n                {\\n                    \"name\": \"\\\\u5317\\\\u4eac\\\\u5e02\",\\n                    \"value\": 2.6\\n                },\\n                {\\n                    \"name\": \"\\\\u6e56\\\\u5357\\\\u7701\",\\n                    \"value\": 2.7\\n                },\\n                {\\n                    \"name\": \"\\\\u6d77\\\\u5357\\\\u7701\",\\n                    \"value\": 2.8\\n                },\\n                {\\n                    \"name\": \"\\\\u5e7f\\\\u897f\\\\u58ee\\\\u65cf\\\\u81ea\\\\u6cbb\\\\u533a\",\\n                    \"value\": 2.8\\n                },\\n                {\\n                    \"name\": \"\\\\u6d59\\\\u6c5f\\\\u7701\",\\n                    \"value\": 2.8\\n                },\\n                {\\n                    \"name\": \"\\\\u5b89\\\\u5fbd\\\\u7701\",\\n                    \"value\": 2.8\\n                },\\n                {\\n                    \"name\": \"\\\\u897f\\\\u85cf\\\\u81ea\\\\u6cbb\\\\u533a\",\\n                    \"value\": 2.9\\n                },\\n                {\\n                    \"name\": \"\\\\u5c71\\\\u897f\\\\u7701\",\\n                    \"value\": 3.1\\n                },\\n                {\\n                    \"name\": \"\\\\u5c71\\\\u4e1c\\\\u7701\",\\n                    \"value\": 3.1\\n                },\\n                {\\n                    \"name\": \"\\\\u6c5f\\\\u897f\\\\u7701\",\\n                    \"value\": 3.2\\n                },\\n                {\\n                    \"name\": \"\\\\u6cb3\\\\u5357\\\\u7701\",\\n                    \"value\": 3.2\\n                },\\n                {\\n                    \"name\": \"\\\\u6c5f\\\\u82cf\\\\u7701\",\\n                    \"value\": 3.2\\n                },\\n                {\\n                    \"name\": \"\\\\u7518\\\\u8083\\\\u7701\",\\n                    \"value\": 3.3\\n                },\\n                {\\n                    \"name\": \"\\\\u6e56\\\\u5317\\\\u7701\",\\n                    \"value\": 3.4\\n                },\\n                {\\n                    \"name\": \"\\\\u9ed1\\\\u9f99\\\\u6c5f\\\\u7701\",\\n                    \"value\": 3.4\\n                },\\n                {\\n                    \"name\": \"\\\\u5409\\\\u6797\\\\u7701\",\\n                    \"value\": 3.4\\n                },\\n                {\\n                    \"name\": \"\\\\u6cb3\\\\u5317\\\\u7701\",\\n                    \"value\": 3.5\\n                },\\n                {\\n                    \"name\": \"\\\\u5929\\\\u6d25\\\\u5e02\",\\n                    \"value\": 3.6\\n                },\\n                {\\n                    \"name\": \"\\\\u9655\\\\u897f\\\\u7701\",\\n                    \"value\": 3.6\\n                },\\n                {\\n                    \"name\": \"\\\\u56db\\\\u5ddd\\\\u7701\",\\n                    \"value\": 3.6\\n                },\\n                {\\n                    \"name\": \"\\\\u4e0a\\\\u6d77\\\\u5e02\",\\n                    \"value\": 3.7\\n                },\\n                {\\n                    \"name\": \"\\\\u8d35\\\\u5dde\\\\u7701\",\\n                    \"value\": 3.8\\n                },\\n                {\\n                    \"name\": \"\\\\u798f\\\\u5efa\\\\u7701\",\\n                    \"value\": 3.8\\n                },\\n                {\\n                    \"name\": \"\\\\u5185\\\\u8499\\\\u53e4\\\\u81ea\\\\u6cbb\\\\u533a\",\\n                    \"value\": 3.8\\n                },\\n                {\\n                    \"name\": \"\\\\u4e91\\\\u5357\\\\u7701\",\\n                    \"value\": 3.9\\n                },\\n                {\\n                    \"name\": \"\\\\u5b81\\\\u590f\\\\u56de\\\\u65cf\\\\u81ea\\\\u6cbb\\\\u533a\",\\n                    \"value\": 3.9\\n                },\\n                {\\n                    \"name\": \"\\\\u91cd\\\\u5e86\\\\u5e02\",\\n                    \"value\": 4.5\\n                },\\n                {\\n                    \"name\": \"\\\\u8fbd\\\\u5b81\\\\u7701\",\\n                    \"value\": 4.6\\n                }\\n            ],\\n            \"radius\": [\\n                \"20%\",\\n                \"60%\"\\n            ],\\n            \"center\": [\\n                \"50%\",\\n                \"60%\"\\n            ],\\n            \"roseType\": \"area\",\\n            \"label\": {\\n                \"show\": true,\\n                \"position\": \"top\",\\n                \"margin\": 8\\n            }\\n        }\\n    ],\\n    \"legend\": [\\n        {\\n            \"data\": [\\n                \"\\\\u9752\\\\u6d77\\\\u7701\",\\n                \"\\\\u65b0\\\\u7586\\\\u7ef4\\\\u543e\\\\u5c14\\\\u81ea\\\\u6cbb\\\\u533a\",\\n                \"\\\\u5e7f\\\\u4e1c\\\\u7701\",\\n                \"\\\\u5317\\\\u4eac\\\\u5e02\",\\n                \"\\\\u6e56\\\\u5357\\\\u7701\",\\n                \"\\\\u6d77\\\\u5357\\\\u7701\",\\n                \"\\\\u5e7f\\\\u897f\\\\u58ee\\\\u65cf\\\\u81ea\\\\u6cbb\\\\u533a\",\\n                \"\\\\u6d59\\\\u6c5f\\\\u7701\",\\n                \"\\\\u5b89\\\\u5fbd\\\\u7701\",\\n                \"\\\\u897f\\\\u85cf\\\\u81ea\\\\u6cbb\\\\u533a\",\\n                \"\\\\u5c71\\\\u897f\\\\u7701\",\\n                \"\\\\u5c71\\\\u4e1c\\\\u7701\",\\n                \"\\\\u6c5f\\\\u897f\\\\u7701\",\\n                \"\\\\u6cb3\\\\u5357\\\\u7701\",\\n                \"\\\\u6c5f\\\\u82cf\\\\u7701\",\\n                \"\\\\u7518\\\\u8083\\\\u7701\",\\n                \"\\\\u6e56\\\\u5317\\\\u7701\",\\n                \"\\\\u9ed1\\\\u9f99\\\\u6c5f\\\\u7701\",\\n                \"\\\\u5409\\\\u6797\\\\u7701\",\\n                \"\\\\u6cb3\\\\u5317\\\\u7701\",\\n                \"\\\\u5929\\\\u6d25\\\\u5e02\",\\n                \"\\\\u9655\\\\u897f\\\\u7701\",\\n                \"\\\\u56db\\\\u5ddd\\\\u7701\",\\n                \"\\\\u4e0a\\\\u6d77\\\\u5e02\",\\n                \"\\\\u8d35\\\\u5dde\\\\u7701\",\\n                \"\\\\u798f\\\\u5efa\\\\u7701\",\\n                \"\\\\u5185\\\\u8499\\\\u53e4\\\\u81ea\\\\u6cbb\\\\u533a\",\\n                \"\\\\u4e91\\\\u5357\\\\u7701\",\\n                \"\\\\u5b81\\\\u590f\\\\u56de\\\\u65cf\\\\u81ea\\\\u6cbb\\\\u533a\",\\n                \"\\\\u91cd\\\\u5e86\\\\u5e02\",\\n                \"\\\\u8fbd\\\\u5b81\\\\u7701\"\\n            ],\\n            \"selected\": {}\\n        }\\n    ],\\n    \"tooltip\": {\\n        \"show\": true,\\n        \"trigger\": \"item\",\\n        \"triggerOn\": \"mousemove|click\",\\n        \"axisPointer\": {\\n            \"type\": \"line\"\\n        },\\n        \"showContent\": true,\\n        \"alwaysShowContent\": false,\\n        \"showDelay\": 0,\\n        \"hideDelay\": 100,\\n        \"textStyle\": {\\n            \"fontSize\": 14\\n        },\\n        \"borderWidth\": 0,\\n        \"padding\": 5\\n    }\\n};\\n        chart_f45e233547204ef39d53178ea4b1c591.setOption(option_f45e233547204ef39d53178ea4b1c591);\\n    </script>\\n<br/>    </div>\\n    <script>\\n            $(\\'#70c3931c6cf242289ea878393eb7b6c9\\').css(\\'border-style\\', \\'dashed\\').css(\\'border-width\\', \\'0px\\');$(\"#70c3931c6cf242289ea878393eb7b6c9>div:nth-child(1)\").width(\"100%\").height(\"100%\");\\n            new ResizeSensor(jQuery(\\'#70c3931c6cf242289ea878393eb7b6c9\\'), function() { chart_70c3931c6cf242289ea878393eb7b6c9.resize()});\\n            $(\\'#113632002ccf43d485aac3a5dd3e7d8e\\').css(\\'border-style\\', \\'dashed\\').css(\\'border-width\\', \\'0px\\');$(\"#113632002ccf43d485aac3a5dd3e7d8e>div:nth-child(1)\").width(\"100%\").height(\"100%\");\\n            new ResizeSensor(jQuery(\\'#113632002ccf43d485aac3a5dd3e7d8e\\'), function() { chart_113632002ccf43d485aac3a5dd3e7d8e.resize()});\\n            $(\\'#5b9e3b2f15a24fbead53a4b0eef7bc8e\\').css(\\'border-style\\', \\'dashed\\').css(\\'border-width\\', \\'0px\\');$(\"#5b9e3b2f15a24fbead53a4b0eef7bc8e>div:nth-child(1)\").width(\"100%\").height(\"100%\");\\n            new ResizeSensor(jQuery(\\'#5b9e3b2f15a24fbead53a4b0eef7bc8e\\'), function() { chart_5b9e3b2f15a24fbead53a4b0eef7bc8e.resize()});\\n            $(\\'#f45e233547204ef39d53178ea4b1c591\\').css(\\'border-style\\', \\'dashed\\').css(\\'border-width\\', \\'0px\\');$(\"#f45e233547204ef39d53178ea4b1c591>div:nth-child(1)\").width(\"100%\").height(\"100%\");\\n            new ResizeSensor(jQuery(\\'#f45e233547204ef39d53178ea4b1c591\\'), function() { chart_f45e233547204ef39d53178ea4b1c591.resize()});\\n            var charts_id = [\\'70c3931c6cf242289ea878393eb7b6c9\\',\\'113632002ccf43d485aac3a5dd3e7d8e\\',\\'5b9e3b2f15a24fbead53a4b0eef7bc8e\\',\\'f45e233547204ef39d53178ea4b1c591\\'];\\nfunction downloadCfg () {\\n    const fileName = \\'chart_config.json\\'\\n    let downLink = document.createElement(\\'a\\')\\n    downLink.download = fileName\\n\\n    let result = []\\n    for(let i=0; i<charts_id.length; i++) {\\n        chart = $(\\'#\\'+charts_id[i])\\n        result.push({\\n            cid: charts_id[i],\\n            width: chart.css(\"width\"),\\n            height: chart.css(\"height\"),\\n            top: chart.offset().top + \"px\",\\n            left: chart.offset().left + \"px\"\\n        })\\n    }\\n\\n    let blob = new Blob([JSON.stringify(result)])\\n    downLink.href = URL.createObjectURL(blob)\\n    document.body.appendChild(downLink)\\n    downLink.click()\\n    document.body.removeChild(downLink)\\n}\\n    </script>\\n</body>\\n</html>\\n'"
      ]
     },
     "execution_count": 7,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "page.save_resize_html('page_draggable_layout.html', cfg_file = 'chart_config.json', dest = '失业率案例.html')"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "id": "2cd4d545-8185-42aa-9abb-c65876519de4",
   "metadata": {},
   "outputs": [],
   "source": []
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Python 3 (ipykernel)",
   "language": "python",
   "name": "python3"
  },
  "language_info": {
   "codemirror_mode": {
    "name": "ipython",
    "version": 3
   },
   "file_extension": ".py",
   "mimetype": "text/x-python",
   "name": "python",
   "nbconvert_exporter": "python",
   "pygments_lexer": "ipython3",
   "version": "3.9.7"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 5
}
